/*hover*/
.center_slide_line,.center_allslide_WH,.center_allslide_H,.bottom_top{ position: relative; width: 100%; height: 100%; z-index:1; }
.center_slide_line:before,.center_allslide_WH:before,.center_allslide_H:before,.bottom_top:before,.left_right:before{transition:0.3s ease 0s; position: absolute; content: ''; z-index:-1;}
.center_slide_line:before {left: 50%; height: 3px; background: #d82128; bottom: 0; width: 0;  }
.center_slide_line:hover:before { left: 0; width: 100%; }
.center_allslide_WH:before { background: #d82128; top: 50%; left: 50%; width: 0%; height: 0%; opacity: 0; }
.center_allslide_WH:hover:before { left: 0; top: 0; width: 100%; height: 100%; opacity: 1; }
.center_allslide_H:before{width:100%; height:0; background:#000; left:0; top:50%; }
.center_allslide_H:hover:before{height:100%; top:0;}
.bottom_top:before{ width:100%; height:0; background:#000; bottom:0; left:0;}
.bottom_top:hover:before{height:100%;}
.left_right { position: relative; width: 100%; height: 100%; z-index: 1; }
.left_right:before {  left: 0; width: 0; top: 0; height: 100%; background: #eb6100;}
.left_right:hover:before { width: 100%; };
.scale:hover img { transform: scale(1.1); }
/*swiper*/
.transformX1 { transform: translate(100px, 0); opacity: 0; }
.transformX2 { transform: translate(-100px, 0); opacity: 0; }
.transformY1 { transform: translate(0, 100px); opacity: 0; }
.transformY2 { transform: translate(0, -100px); opacity: 0; }
.opacity { opacity: 0; }
.swiper-slide-active .opacity { opacity: 1; transition: 0.5s linear 0.5s; }
.swiper-slide-active .transformX1, .swiper-slide-active .transformX2, .swiper-slide-active .transformY1, .swiper-slide-active .transformY2 { transform: translate(0, 0); opacity: 1; transition: 0.5s ease 0.5s; }